<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jsmind</title>
    <link rel="stylesheet" href="/css/jsmind.css">
</head>
<body>
<div id="container" style="width:1200px;height: 600px;margin:0 auto;"></div>
<script src="/js/jsmind.js"></script>
<script>
    var mind = {
        /* 元数据，定义思维导图的名称、作者、版本等信息 */
        "meta":{
            "name":"qlcoder",
            "author":"qlcoder@orea.com",
            "version":"0.2"
        },
        /* 数据格式声明 */
        "format":"node_array",
        /* 数据内容 */
        "data":[
            {"id":"1", "isroot":true, "topic":"码之初", "title":"码之初"},
            {"id":"2", "parentid":"1", "topic":"自由之门", "direction":"right"},
            {"id":"25", "parentid":"1", "topic":"老王装货", "direction":"right"},
            {"id":"3", "parentid":"1", "topic":"English", "direction":"left"},
            {"id":"74", "parentid":"1", "topic":"函数式编程", "direction":"right"},
            {"id":"105", "parentid":"74", "topic":"类型系统-1"},
            {"id":"107", "parentid":"105", "topic":"类型识别-2"},
            {"id":"86", "parentid":"74", "topic":"循环&递归-1"},
            {"id":"87", "parentid":"86", "topic":"循环&递归-2"},
            {"id":"124", "parentid":"86", "topic":"Quick Start"},
            {"id":"132", "parentid":"74", "topic":"Lambda演算-1"},
            {"id":"133", "parentid":"132", "topic":"Lambda演算-2"},
            {"id":"22", "parentid":"2", "topic":"Git"},
            {"id":"131", "parentid":"22", "topic":"Git-2"},
            {"id":"35", "parentid":"2", "topic":"Markdown"},
            {"id":"52", "parentid":"2", "topic":"BGM"},
            {"id":"91", "parentid":"52", "topic":"语音识别-1"},
            {"id":"57", "parentid":"91", "topic":"语音识别-2"},
            {"id":"75", "parentid":"35", "topic":"人生赢家"},
            {"id":"39", "parentid":"2", "topic":"Vim"},
            {"id":"6", "parentid":"3", "topic":"ip"},
            {"id":"17", "parentid":"6", "topic":"我从哪里来"},
            {"id":"16", "parentid":"6", "topic":"断点续传"},
            {"id":"141", "parentid":"6", "topic":"Domain"},
            {"id":"46", "parentid":"6", "topic":"代理IP"},
            {"id":"54", "parentid":"46", "topic":"TOR"},
            {"id":"93", "parentid":"46", "topic":"Reconnaissance"},
            {"id":"128", "parentid":"46", "topic":"IP库"},
            {"id":"23", "parentid":"6", "topic":"豆瓣评分爬取"},
            {"id":"26", "parentid":"23", "topic":"动态爬虫"},
            {"id":"24", "parentid":"23", "topic":"Robots协议"},
            {"id":"134", "parentid":"24", "topic":"Headless爬虫"},
            {"id":"33", "parentid":"23", "topic":"历史网页爬取"},
            {"id":"4", "parentid":"3", "topic":"Get&Post"},
            {"id":"58", "parentid":"4", "topic":"抓包"},
            {"id":"7", "parentid":"4", "topic":"cookie"},
            {"id":"8", "parentid":"7", "topic":"数据脱敏"},
            {"id":"48", "parentid":"8", "topic":"OpenSSL"},
            {"id":"120", "parentid":"48", "topic":"RSA"},
            {"id":"70", "parentid":"48", "topic":"历史密文-2"},
            {"id":"71", "parentid":"70", "topic":"真·历史密文-2"},
            {"id":"79", "parentid":"71", "topic":"无双·历史密文-2"},
            {"id":"61", "parentid":"48", "topic":"历史密文-1"},
            {"id":"62", "parentid":"61", "topic":"模仿游戏"},
            {"id":"9", "parentid":"8", "topic":"SQL注入-1"},
            {"id":"29", "parentid":"9", "topic":"SQL注入-2"},
            {"id":"45", "parentid":"7", "topic":"HTML5"},
            {"id":"92", "parentid":"7", "topic":"ABTest"},
            {"id":"10", "parentid":"4", "topic":"Basic CSS"},
            {"id":"11", "parentid":"10", "topic":"跑马灯"},
            {"id":"135", "parentid":"11", "topic":"XSS-1"},
            {"id":"136", "parentid":"135", "topic":"XSS-2"},
            {"id":"139", "parentid":"135", "topic":"沙盒逃逸"},
            {"id":"144", "parentid":"10", "topic":"CSS图灵完备"},
            {"id":"145", "parentid":"144", "topic":"SASS"},
            {"id":"78", "parentid":"4", "topic":"JSON&XML"},
            {"id":"102", "parentid":"78", "topic":"序列化"},
            {"id":"127", "parentid":"102", "topic":"RPC"},
            {"id":"27", "parentid":"4", "topic":"我要建站-1"},
            {"id":"28", "parentid":"27", "topic":"我要建站-2"},
            {"id":"59", "parentid":"28", "topic":"我要建站-3"},
            {"id":"34", "parentid":"4", "topic":"洗刷刷"},
            {"id":"122", "parentid":"34", "topic":"千里基"},
            {"id":"5", "parentid":"3", "topic":"访客统计"},
            {"id":"31", "parentid":"5", "topic":"正则表达式"},
            {"id":"37", "parentid":"5", "topic":"访客统计2"},
            {"id":"47", "parentid":"5", "topic":"访客统计3"},
            {"id":"14", "parentid":"5", "topic":"热点营销-1"},
            {"id":"15", "parentid":"14", "topic":"热点营销-2"},
            {"id":"103", "parentid":"14", "topic":"协同过滤"},
            {"id":"81", "parentid":"5", "topic":"数据挖掘-Warmup"},
            {"id":"90", "parentid":"81", "topic":"数据挖掘-2"},
            {"id":"108", "parentid":"81", "topic":"Markov-1"},
            {"id":"111", "parentid":"108", "topic":"千里语输入法"},
            {"id":"112", "parentid":"108", "topic":"千里码手机"},
            {"id":"12", "parentid":"5", "topic":"商品数量-1"},
            {"id":"13", "parentid":"12", "topic":"商品数量-2"},
            {"id":"110", "parentid":"13", "topic":"时间线-1"},
            {"id":"109", "parentid":"110", "topic":"时间线-2"},
            {"id":"42", "parentid":"12", "topic":"新词发现"},
            {"id":"98", "parentid":"42", "topic":"搜索提示-1"},
            {"id":"100", "parentid":"42", "topic":"搜索提示-2"},
            {"id":"118", "parentid":"42", "topic":"Topic Model"},
            {"id":"129", "parentid":"42", "topic":"ChineseTrie"},
            {"id":"96", "parentid":"12", "topic":"拟合-1"},
            {"id":"97", "parentid":"96", "topic":"拟合-2"},
            {"id":"18", "parentid":"3", "topic":"彩虹"},
            {"id":"19", "parentid":"18", "topic":"以图搜图-1"},
            {"id":"65", "parentid":"18", "topic":"可视化-1"},
            {"id":"82", "parentid":"65", "topic":"FloodFill-1"},
            {"id":"126", "parentid":"65", "topic":"ImageMagick"},
            {"id":"83", "parentid":"82", "topic":"FloodFill-2"},
            {"id":"84", "parentid":"18", "topic":"隐写术-1"},
            {"id":"85", "parentid":"84", "topic":"隐写术-2"},
            {"id":"101", "parentid":"84", "topic":"PNG-1"},
            {"id":"106", "parentid":"101", "topic":"BMP"},
            {"id":"32", "parentid":"19", "topic":"同图搜索-1"},
            {"id":"43", "parentid":"19", "topic":"拼图"},
            {"id":"20", "parentid":"19", "topic":"字符识别"},
            {"id":"68", "parentid":"43", "topic":"拼图-2"},
            {"id":"49", "parentid":"32", "topic":"同图搜索-2"},
            {"id":"50", "parentid":"32", "topic":"以图搜图-2"},
            {"id":"21", "parentid":"3", "topic":"文件管理"},
            {"id":"94", "parentid":"21", "topic":"GDB"},
            {"id":"30", "parentid":"21", "topic":"逆向工程-begin"},
            {"id":"38", "parentid":"30", "topic":"Java反编译"},
            {"id":"125", "parentid":"38", "topic":"CodeReview"},
            {"id":"137", "parentid":"125", "topic":"CodeReview-2"},
            {"id":"40", "parentid":"21", "topic":"缺失的后缀"},
            {"id":"51", "parentid":"40", "topic":"Smaller than Smaller"},
            {"id":"56", "parentid":"51", "topic":"Smallest"},
            {"id":"53", "parentid":"51", "topic":"Bigger than Bigger"},
            {"id":"60", "parentid":"51", "topic":"圆周率压缩"},
            {"id":"116", "parentid":"51", "topic":"帧间压缩-1"},
            {"id":"123", "parentid":"116", "topic":"主体识别-1"},
            {"id":"117", "parentid":"116", "topic":"帧间压缩-2"},
            {"id":"121", "parentid":"116", "topic":"多帧合成"},
            {"id":"113", "parentid":"40", "topic":"File in File"},
            {"id":"140", "parentid":"113", "topic":"持久化计数器"},
            {"id":"142", "parentid":"140", "topic":"数组压缩"},
            {"id":"55", "parentid":"21", "topic":"QR Code"},
            {"id":"119", "parentid":"55", "topic":"霍夫曼编码"},
            {"id":"66", "parentid":"55", "topic":"base64"},
            {"id":"138", "parentid":"66", "topic":"NameEncoder"},
            {"id":"99", "parentid":"21", "topic":"分布式-1"},
            {"id":"130", "parentid":"99", "topic":"运维-混合部署"},
            {"id":"114", "parentid":"99", "topic":"MySQL-分表分页"},
            {"id":"63", "parentid":"3", "topic":"无边界地图"},
            {"id":"64", "parentid":"63", "topic":"3维地图-1"},
            {"id":"67", "parentid":"63", "topic":"碰撞检测-1"},
            {"id":"77", "parentid":"67", "topic":"碰撞检测-2"},
            {"id":"88", "parentid":"67", "topic":"贝塞尔曲线-1"},
            {"id":"89", "parentid":"88", "topic":"贝塞尔曲线-2"},
            {"id":"41", "parentid":"25", "topic":"打车匹配"},
            {"id":"44", "parentid":"25", "topic":"扫地机器人"},
            {"id":"81", "parentid":"25", "topic":"Modulo"},
            {"id":"95", "parentid":"25", "topic":"春节福利-遗传算法"},
            {"id":"72", "parentid":"25", "topic":"Hello World"},
            {"id":"73", "parentid":"72", "topic":"斐波那契"},
            {"id":"76", "parentid":"73", "topic":"高阶函数"}
        ]


    };
    var options = {                   // options 将在下一章中详细介绍
        container:'container',        // [必选] 容器的ID
        editable:false,                // [可选] 是否启用编辑
        theme:'belizehole',               // [可选] 主题
        layout:{
            hspace:15,          // 节点之间的水平间距
            vspace:10,          // 节点之间的垂直间距
            pspace:13           // 节点收缩/展开控制器的尺寸
        }
    };
    var jm = new jsMind(options);
    jm.show(mind);
</script>
</body>
</html>